{include file='public/header'}
<body style="">
<div class="sectionY sectionY_tttt">
    <a href="javascript:history.back();">
        <img src="__PUBLIC__/images/right_x.png" alt="" class="a1">
    </a>
    <p class="p1" style="color:#fff;">商城购物</p>
</div>
<div class="kong1"></div>
<div class="bg_fixed"></div>
<div class="index_section1">
    <div class="ppp">
        <div class="swiper-container" id="mm">
            <div class="swiper-wrapper">
                {foreach $swiper_list as $swiper}
                <div class="swiper-slide"><a href="javascript:;" onclick="layer.alert('等待开放。。。')"><img src="{$swiper.img_url}"/></a></div>
                {/foreach}
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>
<div class="index_section2 ">
    <div class=" clearfix">
        <ul>
            {foreach $nav_list as $nav}
            <li>
                <a href="javascript:;" onclick="layer.alert('等待开放。。。')">
<!--                    <a href="{$nav.link_url}" onclick="layer.alert('等待开放。。。')">-->
                    <img src="{$nav.img_url}" alt="">
                    <p class="p1">{$nav.title}</p>
                </a>
            </li>
            {/foreach}
        </ul>
    </div>
</div>
<style>
    .a_name{
        padding: 0px 5px;
        height: 44px;
    }
    .a_name .s1{
        color: #fff;
        font-size: 0.95rem;
        padding-top: 3px;
    }
    .boss .a2{
        margin-top: 5px;
    }
    .boss .a2 .p2{
        color: #fff;
        margin-top: 3px;
    }
    .boss .a1 img{
        padding-top: 5px;
    }
    .item_last{
        padding: 5px 10px;
        display: flex;
    }
    .item_last span{
        height: 1.2rem;
        display: inline-block;
        flex: 2;
    }
    .item_last span:nth-child(1){
        color: #d81e06;
        text-align: left;
    }
    .item_last span:nth-child(2){
        text-align: right;
    }
    .item_last span img{
        height: 1rem;
    }
</style>
<div class="index_section3 index_section3x">
    <div class="container">
        <div class="center clearfix">
            <ul>
                {foreach $good_list as $g}
                <li onclick="layer.alert('等待开放。。。')" style="">
                    <div class="boss" style="background-color: rgba(0,0,0,.5);border: 1px #111 solid">
                        <div class="a1">
                            <img src="{$g.img_url}" alt="">
                        </div>
                        <div class="a_name">
                            <span class="s1 chao2">{$g.title}</span>
                        </div>
                        <div class="item_last">
                            <span>{$g.price}共享豆</span>
                            <span><img src="__PUBLIC__/home/images/cart.png" alt=""></span>
                        </div>
                    </div>
                </li>
                {/foreach}
            </ul>
        </div>
    </div>
</div>
</body>
<script>
	$(function(){
	})
    var swiper = new Swiper('#mm', {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
            delay: 2000,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>
</html>
